<!-- 待约面-约面 -->
<template>
  <div class="btns">
    <Button v-auth="'appointmentTrainingAccept'" color="success" @click="interviewSession">预约培训</Button>
    <Button v-auth="'noContactByTraining'" color="primary" @click="noContact">未联系上</Button>
    <Button v-auth="'appointmentTrainingWaive'" color="warning" @click="surrender">放弃</Button>
  </div>
   <BookTrainModal ref="modal" @closeModal="closeModal"></BookTrainModal>
</template>

<script setup lang='ts'>
import { ref } from "vue";
import { Button } from "@/components/Button";
import BookTrainModal from "../../../../Modals/BookTrainModal.vue";

const emits = defineEmits(['surrender','disConnect'])
const surrender = () => {
  console.log('surrender')
  emits('surrender', '待约培训')
}

const modal = ref<any>(BookTrainModal)
const interviewSession = () => {
  modal.value.show = true
}
const noContact = () => {
    console.log('noContact')
    emits('disConnect','待约培训')
}
const closeModal = () => {
  console.log('===>closeModal')
  modal.value.show = false
}

</script>
<style lang="less" scoped>
.btns {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
</style>